rapida-react
Version:
An easy to use react client for building generative ai application using Rapida platform.
1 lines • 2.53 kB
Source Map (JSON)
{"version":3,"sources":["../src/styles/index.ts"],"sourcesContent":["/*\n * Copyright (c) 2024. Rapida\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *\n * Author: Prashant <prashant@rapida.ai>\n *\n */\nimport { ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/*\n * Media queries utility\n */\n\n/*\n * Inspired by https://github.com/DefinitelyTyped/DefinitelyTyped/issues/32914\n */\n\n// Update your breakpoints if you want\nexport const sizes = {\n small: 600,\n medium: 1024,\n large: 1440,\n xlarge: 1920,\n};\n\n// Iterate through the sizes and create min-width media queries\nexport const media = (Object.keys(sizes) as Array<keyof typeof sizes>).reduce(\n (acc, size) => {\n acc[size] = () => `@media (min-width:${sizes[size]}px)`;\n return acc;\n },\n {} as { [key in keyof typeof sizes]: () => string }\n);\n\n/* Example\nconst SomeDiv = styled.div`\n display: flex;\n ....\n ${media.medium} {\n display: block\n }\n`;\n*/\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAqB,YAAY;AACjC,SAAS,eAAe;AAWjB,IAAM,QAAQ;AAAA,EACnB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;AAGO,IAAM,QAAS,OAAO,KAAK,KAAK,EAAgC;AAAA,EACrE,CAAC,KAAK,SAAS;AACb,QAAI,IAAI,IAAI,MAAM,qBAAqB,MAAM,IAAI,CAAC;AAClD,WAAO;AAAA,EACT;AAAA,EACA,CAAC;AACH;AAYO,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}