@naser0110/my-library 0.1.0-sylo.1775307317596

package/assets/Group660Icon.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+
+interface Group660IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+export const Group660Icon = React.forwardRef<SVGSVGElement, Group660IconProps>(
+  ({ size, ...props }, ref) => (
+    <svg
+      ref={ref}
+      width={size ?? 288}
+      height={size ?? 418}
+      viewBox="42 39 288 418"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      overflow="visible"
+      {...props}
+      dangerouslySetInnerHTML={{ __html: "<g filter=\"url(#filter0_ddf_1_160)\">\n<path d=\"M42 163C42 104.546 42 75.3188 60.1594 57.1594C78.3188 39 107.546 39 166 39H206C264.454 39 293.681 39 311.841 57.1594C330 75.3188 330 104.546 330 163L330 333C330 391.454 330 420.681 311.841 438.841C293.681 457 264.454 457 206 457H166C107.546 457 78.3188 457 60.1594 438.841C42 420.681 42 391.454 42 333L42 163Z\" fill=\"#E3EDF7\"/>\n<path d=\"M42 163C42 104.546 42 75.3188 60.1594 57.1594C78.3188 39 107.546 39 166 39H206C264.454 39 293.681 39 311.841 57.1594C330 75.3188 330 104.546 330 163L330 333C330 391.454 330 420.681 311.841 438.841C293.681 457 264.454 457 206 457H166C107.546 457 78.3188 457 60.1594 438.841C42 420.681 42 391.454 42 333L42 163Z\" fill=\"url(#paint0_radial_1_160)\"/>\n<path d=\"M166 40L206 40C235.255 40 257.096 40.0019 273.897 42.2607C290.67 44.5158 302.271 49.0033 311.134 57.8662C319.997 66.7291 324.484 78.33 326.739 95.1025C328.998 111.904 329 133.745 329 163L329 333C329 362.255 328.998 384.096 326.739 400.897C324.484 417.67 319.997 429.271 311.134 438.134C302.271 446.997 290.67 451.484 273.897 453.739C257.096 455.998 235.255 456 206 456H166C136.745 456 114.904 455.998 98.1025 453.739C81.33 451.484 69.7291 446.997 60.8662 438.134C52.0033 429.271 47.5158 417.67 45.2607 400.897C43.0019 384.096 43 362.255 43 333L43 163L43.0049 152.372C43.0362 128.363 43.2842 109.804 45.2607 95.1025C47.5158 78.33 52.0033 66.7291 60.8662 57.8662C69.7291 49.0033 81.33 44.5158 98.1025 42.2607C114.904 40.0019 136.745 40 166 40Z\" stroke=\"url(#paint1_linear_1_160)\" stroke-opacity=\"0.6\" stroke-width=\"2\"/>\n</g>\n<g filter=\"url(#filter1_dd_1_160)\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M168.28 148.49C166.352 148.49 164.794 146.931 164.794 145.003C164.794 133.394 174.147 124 185.756 124C197.365 124 206.759 133.394 206.759 145.003V160.756H212.01C217.794 160.756 222.512 165.473 222.512 171.257V209.777C222.512 215.561 217.794 220.279 212.01 220.279H159.502C153.718 220.279 149 215.561 149 209.777V171.257C149 165.473 153.718 160.756 159.502 160.756H199.744V145.003C199.744 137.291 193.468 131.015 185.756 131.015C178.044 131.015 171.767 137.25 171.767 145.003C171.767 146.931 170.208 148.49 168.28 148.49ZM188.527 200.535C188.527 202.463 186.969 204.022 185.041 204.022C183.113 204.022 181.513 202.422 181.554 200.535V183.019C181.554 181.091 183.113 179.532 185.041 179.532C186.969 179.532 188.527 181.091 188.527 183.019V200.535Z\" fill=\"url(#paint2_linear_1_160)\"/>\n</g>\n<path d=\"M136.592 352.336C140.456 352.336 143.844 349.704 143.844 345.28V332.708H140.428V345.14C140.428 347.884 138.608 349.088 136.592 349.088C134.548 349.088 132.728 347.884 132.728 345.14V332.708H129.312V345.28C129.312 349.704 132.7 352.336 136.592 352.336Z\" fill=\"#FF6B59\"/>\n<path d=\"M154.957 338.588C153.613 338.588 151.569 339.344 150.897 340.996V338.924H147.649V352H150.897V345.056C150.897 342.536 152.745 341.668 154.229 341.668C155.685 341.668 156.945 342.788 156.945 344.888V352H160.193V344.664C160.193 340.856 158.317 338.588 154.957 338.588Z\" fill=\"#FF6B59\"/>\n<path d=\"M163.751 352H166.999V331.812H163.751V352Z\" fill=\"#FF6B59\"/>\n<path d=\"M176.853 352.336C180.577 352.336 183.825 349.592 183.825 345.448C183.825 341.304 180.577 338.588 176.853 338.588C173.129 338.588 169.909 341.304 169.909 345.448C169.909 349.592 173.129 352.336 176.853 352.336ZM176.853 349.312C174.837 349.312 173.185 347.744 173.185 345.448C173.185 343.208 174.837 341.612 176.853 341.612C178.869 341.612 180.549 343.208 180.549 345.448C180.549 347.744 178.869 349.312 176.853 349.312Z\" fill=\"#FF6B59\"/>\n<path d=\"M193.041 352.336C195.309 352.336 197.157 351.328 198.361 349.816L196.037 347.996C195.365 348.808 194.245 349.312 193.097 349.312C190.829 349.312 189.205 347.632 189.205 345.448C189.205 343.236 190.829 341.612 193.097 341.612C194.245 341.612 195.365 342.116 196.037 342.928L198.361 341.108C197.157 339.596 195.309 338.588 193.041 338.588C189.261 338.588 185.929 341.304 185.929 345.448C185.929 349.592 189.261 352.336 193.041 352.336Z\" fill=\"#FF6B59\"/>\n<path d=\"M213.444 352L206.892 344.636L212.212 338.924H207.984L204.232 343.096V331.812H200.984V352H204.232V346.064L209.328 352H213.444Z\" fill=\"#FF6B59\"/>\n<path d=\"M226.927 345.336C226.927 341.248 223.987 338.588 220.235 338.588C216.511 338.588 213.375 341.276 213.375 345.448C213.375 349.536 216.343 352.336 220.263 352.336C222.643 352.336 224.939 351.272 226.143 349.368L223.987 347.716C223.203 348.78 221.859 349.396 220.431 349.396C218.499 349.396 217.099 348.416 216.735 346.596H226.843C226.899 346.12 226.927 345.7 226.927 345.336ZM216.735 344.328C217.127 342.34 218.527 341.472 220.291 341.472C222.111 341.472 223.483 342.536 223.679 344.328H216.735Z\" fill=\"#FF6B59\"/>\n<path d=\"M239.739 331.812V340.632C238.843 339.26 237.023 338.588 235.371 338.588C231.927 338.588 228.959 341.248 228.959 345.448C228.959 349.62 231.955 352.336 235.399 352.336C236.995 352.336 238.843 351.636 239.739 350.264V352H242.987V331.812H239.739ZM235.903 349.312C233.887 349.312 232.235 347.604 232.235 345.42C232.235 343.236 233.887 341.612 235.903 341.612C237.779 341.612 239.683 343.124 239.683 345.42C239.683 347.716 237.891 349.312 235.903 349.312Z\" fill=\"#FF6B59\"/>\n<g opacity=\"0.4\">\n<path d=\"M160.426 384.168C163.058 384.168 163.744 382.026 163.744 379.45C163.744 376.846 163.058 374.732 160.426 374.732C157.794 374.732 157.108 376.846 157.108 379.45C157.108 382.026 157.794 384.168 160.426 384.168ZM160.426 383.02C158.746 383.02 158.34 381.354 158.34 379.45C158.34 377.518 158.746 375.894 160.426 375.894C162.106 375.894 162.526 377.518 162.526 379.45C162.526 381.354 162.106 383.02 160.426 383.02Z\" fill=\"black\"/>\n<path d=\"M170.643 378.694C171.203 378.344 171.581 377.77 171.581 377C171.581 375.712 170.517 374.732 168.963 374.732C167.395 374.732 166.345 375.712 166.345 377C166.345 377.77 166.709 378.344 167.269 378.694C166.205 379.1 165.519 380.094 165.519 381.284C165.519 382.978 166.961 384.168 168.963 384.168C170.951 384.168 172.379 382.978 172.379 381.27C172.379 380.094 171.693 379.1 170.643 378.694ZM168.963 375.866C169.719 375.866 170.293 376.426 170.293 377.112C170.293 377.798 169.719 378.302 168.963 378.302C168.207 378.302 167.619 377.784 167.619 377.112C167.619 376.426 168.207 375.866 168.963 375.866ZM168.963 383.02C167.745 383.02 166.807 382.208 166.807 381.172C166.807 380.108 167.787 379.324 168.963 379.324C170.111 379.324 171.091 380.094 171.091 381.186C171.091 382.208 170.223 383.02 168.963 383.02Z\" fill=\"black\"/>\n<path d=\"M175.178 379.03C175.654 379.03 176.06 378.666 176.06 378.162C176.06 377.672 175.654 377.322 175.178 377.322C174.688 377.322 174.268 377.672 174.268 378.162C174.268 378.666 174.688 379.03 175.178 379.03ZM175.178 384.14C175.654 384.14 176.06 383.79 176.06 383.3C176.06 382.796 175.654 382.432 175.178 382.432C174.688 382.432 174.268 382.796 174.268 383.3C174.268 383.79 174.688 384.14 175.178 384.14Z\" fill=\"black\"/>\n<path d=\"M180.802 374.732L177.68 376.132V377.308L179.626 376.51V384H180.844V374.732H180.802Z\" fill=\"black\"/>\n<path d=\"M187.432 379.086C188.146 378.75 188.58 378.036 188.58 377.168C188.58 375.698 187.516 374.732 185.92 374.732C184.884 374.732 183.89 375.264 183.428 376.062L184.268 376.762C184.618 376.23 185.262 375.894 185.892 375.894C186.774 375.894 187.362 376.412 187.362 377.196C187.362 378.022 186.732 378.596 185.766 378.596H184.898V379.646H185.85C186.984 379.646 187.796 380.332 187.796 381.368C187.796 382.334 186.956 383.02 185.808 383.02C185.024 383.02 184.31 382.516 183.904 381.69L182.896 382.264C183.442 383.454 184.562 384.168 185.85 384.168C187.712 384.168 189.028 383.006 189.028 381.326C189.028 380.248 188.384 379.394 187.432 379.086Z\" fill=\"black\"/>\n<path d=\"M199.044 374.354H195.208V384H196.482V380.374H199.044C201.088 380.374 201.914 378.89 201.914 377.364C201.914 375.866 201.088 374.354 199.044 374.354ZM198.96 379.184H196.482V375.53H199.03C200.178 375.53 200.64 376.468 200.64 377.364C200.64 378.288 200.164 379.184 198.96 379.184Z\" fill=\"black\"/>\n<path d=\"M214.941 384L213.751 374.354H212.603L209.173 381.508L205.729 374.354H204.581L203.405 384H204.651L205.533 376.65L208.627 382.95H209.733L212.799 376.65L213.695 384H214.941Z\" fill=\"black\"/>\n</g>\n<defs>\n<filter id=\"filter0_ddf_1_160\" x=\"0\" y=\"0\" width=\"380\" height=\"506\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dx=\"6\" dy=\"5\"/>\n<feGaussianBlur stdDeviation=\"22\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.440937 0 0 0 0 0.54315 0 0 0 0 0.6375 0 0 0 0.28 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1_160\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dx=\"-10\" dy=\"-6\"/>\n<feGaussianBlur stdDeviation=\"16\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0\"/>\n<feBlend mode=\"normal\" in2=\"effect1_dropShadow_1_160\" result=\"effect2_dropShadow_1_160\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_1_160\" result=\"shape\"/>\n<feGaussianBlur stdDeviation=\"1\" result=\"effect3_foregroundBlur_1_160\"/>\n</filter>\n<filter id=\"filter1_dd_1_160\" x=\"109\" y=\"102\" width=\"153.512\" height=\"204.279\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"46\"/>\n<feGaussianBlur stdDeviation=\"20\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 0.524498 0 0 0 0 0.466667 0 0 0 0.6 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1_160\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dx=\"-6\" dy=\"-6\"/>\n<feGaussianBlur stdDeviation=\"8\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0\"/>\n<feBlend mode=\"normal\" in2=\"effect1_dropShadow_1_160\" result=\"effect2_dropShadow_1_160\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_1_160\" result=\"shape\"/>\n</filter>\n<radialGradient id=\"paint0_radial_1_160\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(907.714 1119.64 -771.429 1317.45 -315.429 -386.464)\" gradientUnits=\"userSpaceOnUse\">\n<stop offset=\"0.189974\" stop-color=\"#B9CCE2\"/>\n<stop offset=\"0.777095\" stop-color=\"white\"/>\n</radialGradient>\n<linearGradient id=\"paint1_linear_1_160\" x1=\"-3.74117\" y1=\"-37.161\" x2=\"592.454\" y2=\"465.845\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"1\" stop-color=\"#BECEE2\"/>\n</linearGradient>\n<linearGradient id=\"paint2_linear_1_160\" x1=\"186\" y1=\"124\" x2=\"234.002\" y2=\"203.527\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#FF6B59\"/>\n<stop offset=\"1\" stop-color=\"#D35546\"/>\n</linearGradient>\n</defs>" }}
+    />
+  ),
+);
+
+Group660Icon.displayName = "Group660Icon";

package/assets/index.ts

@@ -0,0 +1 @@
+export { Group660Icon } from "./Group660Icon.js";

package/components/group-660/Group660.module.css

@@ -0,0 +1,11 @@
+/* Group660.module.css — auto-generated, do not edit */
+
+.root, .root *, .root *::before, .root *::after {
+  box-sizing: border-box;
+}
+
+.root {
+  display: block;
+  width: 288px;
+  height: 418px;
+}

package/components/group-660/Group660.tsx

@@ -0,0 +1,27 @@
+import * as React from "react";
+
+import styles from "./Group660.module.css";
+
+import type { Group660Props } from "./Group660.types.js";
+
+import { Group660Icon } from "../../assets/Group660Icon.js";
+
+export const Group660 = React.forwardRef<HTMLDivElement, Group660Props>(
+  ({ className, icon, leftIcon, rightIcon, children, ...props }, ref) => {
+    return (
+      <div
+        ref={ref}
+        className={[styles.root, className].filter(Boolean).join(" ")}
+        {...props}
+      >
+        <Group660Icon aria-hidden={true} style={{ width: "100%", height: "100%", display: "block" }} />
+        {leftIcon ? <span className="shrink-0">{leftIcon}</span> : null}
+        {children}
+        {rightIcon ? <span className="shrink-0">{rightIcon}</span> : null}
+        {icon ?? null}
+      </div>
+    );
+  },
+);
+
+Group660.displayName = "Group660";

package/components/group-660/Group660.types.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+
+export interface Group660Props
+  extends React.HTMLAttributes<HTMLDivElement> {
+  icon?: React.ReactNode;
+  leftIcon?: React.ReactNode;
+  rightIcon?: React.ReactNode;
+}

package/components/group-660/index.ts

@@ -0,0 +1,2 @@
+export { Group660 } from "./Group660.js";
+export type { Group660Props } from "./Group660.types.js";

package/index.ts

@@ -0,0 +1,4 @@
+import "./styles/tokens.css";
+
+export { Group660 } from "./components/group-660/index.js";
+export type { Group660Props } from "./components/group-660/index.js";

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@naser0110/my-library",
+  "version": "0.1.0-sylo.1775307317596",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    },
+    "./styles/*": "./styles/*"
+  },
+  "files": [
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.js",
+    "**/*.d.ts",
+    "**/*.css",
+    "**/*.json"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "sideEffects": [
+    "styles/tokens.css",
+    "styles/themes.css",
+    "components/group-660/Group660.module.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/styles/themes.css

@@ -0,0 +1,5 @@
+/* Auto-generated theme overrides by Sylo compiler. Do not edit. */
+/* Library: my-library */
+
+/* No theme modes detected. Base :root values serve as the default theme. */
+/* Add [data-theme="<mode>"] scoped overrides here when modes are defined. */

package/styles/tokens.css

@@ -0,0 +1,5 @@
+/* Auto-generated by Sylo compiler. Do not edit. */
+/* Library: my-library */
+
+:root {
+}

package/tokens/index.ts

@@ -0,0 +1 @@
+// Auto-generated by Sylo compiler. Do not edit.