@shipfox/react-ui 0.13.0 → 0.15.0

package/dist/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport {\n  RiAddLine,\n  RiArrowRightSLine,\n  RiBookOpenFill,\n  RiCheckLine,\n  RiCloseLine,\n  RiFileCopyLine,\n  RiGithubFill,\n  RiGoogleFill,\n  RiHomeSmileFill,\n  RiImageAddFill,\n  RiInformationFill,\n  RiMicrosoftFill,\n  RiMoneyDollarCircleLine,\n  RiSubtractLine,\n} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\nimport {\n  BadgeIcon,\n  CheckCircleSolidIcon,\n  CircleDottedLineIcon,\n  ComponentFillIcon,\n  ComponentLineIcon,\n  EllipseMiniSolidIcon,\n  InfoTooltipFillIcon,\n  ResizeIcon,\n  ShipfoxLogo,\n  SlackLogo,\n  SpinnerIcon,\n  StripeLogo,\n  ThunderIcon,\n  XCircleSolidIcon,\n} from './custom';\nimport {remixiconMap} from './remixicon-registry';\n\nconst commonRemixicons = {\n  addLine: RiAddLine,\n  close: RiCloseLine,\n  check: RiCheckLine,\n  copy: RiFileCopyLine,\n  info: RiInformationFill,\n  imageAdd: RiImageAddFill,\n  chevronRight: RiArrowRightSLine,\n  homeSmile: RiHomeSmileFill,\n  money: RiMoneyDollarCircleLine,\n  google: RiGoogleFill,\n  microsoft: RiMicrosoftFill,\n  github: RiGithubFill,\n  subtractLine: RiSubtractLine,\n  bookOpen: RiBookOpenFill,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nconst customIconsMap = {\n  shipfox: ShipfoxLogo,\n  slack: SlackLogo,\n  stripe: StripeLogo,\n  badge: BadgeIcon,\n  checkCircleSolid: CheckCircleSolidIcon,\n  circleDottedLine: CircleDottedLineIcon,\n  componentFill: ComponentFillIcon,\n  componentLine: ComponentLineIcon,\n  ellipseMiniSolid: EllipseMiniSolidIcon,\n  infoTooltipFill: InfoTooltipFillIcon,\n  resize: ResizeIcon,\n  spinner: SpinnerIcon,\n  thunder: ThunderIcon,\n  xCircleSolid: XCircleSolidIcon,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nconst iconsMap = {\n  ...remixiconMap,\n  ...commonRemixicons,\n  ...customIconsMap,\n} as Record<string, RemixiconComponentType> & typeof customIconsMap;\n\nexport type IconName = keyof typeof iconsMap;\nexport const iconNames = Object.keys(iconsMap) as IconName[];\n\ntype BaseIconProps = ComponentProps<RemixiconComponentType>;\ntype IconProps = {name: IconName} & Omit<BaseIconProps, 'name'>;\n\nexport function Icon({name, ...props}: IconProps) {\n  const IconComponent = iconsMap[name];\n  return <IconComponent {...props} />;\n}\n"],"names":["RiAddLine","RiArrowRightSLine","RiBookOpenFill","RiCheckLine","RiCloseLine","RiFileCopyLine","RiGithubFill","RiGoogleFill","RiHomeSmileFill","RiImageAddFill","RiInformationFill","RiMicrosoftFill","RiMoneyDollarCircleLine","RiSubtractLine","BadgeIcon","CheckCircleSolidIcon","CircleDottedLineIcon","ComponentFillIcon","ComponentLineIcon","EllipseMiniSolidIcon","InfoTooltipFillIcon","ResizeIcon","ShipfoxLogo","SlackLogo","SpinnerIcon","StripeLogo","ThunderIcon","XCircleSolidIcon","remixiconMap","commonRemixicons","addLine","close","check","copy","info","imageAdd","chevronRight","homeSmile","money","google","microsoft","github","subtractLine","bookOpen","customIconsMap","shipfox","slack","stripe","badge","checkCircleSolid","circleDottedLine","componentFill","componentLine","ellipseMiniSolid","infoTooltipFill","resize","spinner","thunder","xCircleSolid","iconsMap","iconNames","Object","keys","Icon","name","props","IconComponent"],"mappings":";AACA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,cAAc,EACdC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,uBAAuB,EACvBC,cAAc,QACT,mBAAmB;AAE1B,SACEC,SAAS,EACTC,oBAAoB,EACpBC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,oBAAoB,EACpBC,mBAAmB,EACnBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,gBAAgB,QACX,WAAW;AAClB,SAAQC,YAAY,QAAO,uBAAuB;AAElD,MAAMC,mBAAmB;IACvBC,SAAS9B;IACT+B,OAAO3B;IACP4B,OAAO7B;IACP8B,MAAM5B;IACN6B,MAAMxB;IACNyB,UAAU1B;IACV2B,cAAcnC;IACdoC,WAAW7B;IACX8B,OAAO1B;IACP2B,QAAQhC;IACRiC,WAAW7B;IACX8B,QAAQnC;IACRoC,cAAc7B;IACd8B,UAAUzC;AACZ;AAEA,MAAM0C,iBAAiB;IACrBC,SAASvB;IACTwB,OAAOvB;IACPwB,QAAQtB;IACRuB,OAAOlC;IACPmC,kBAAkBlC;IAClBmC,kBAAkBlC;IAClBmC,eAAelC;IACfmC,eAAelC;IACfmC,kBAAkBlC;IAClBmC,iBAAiBlC;IACjBmC,QAAQlC;IACRmC,SAAShC;IACTiC,SAAS/B;IACTgC,cAAc/B;AAChB;AAEA,MAAMgC,WAAW;IACf,GAAG/B,YAAY;IACf,GAAGC,gBAAgB;IACnB,GAAGe,cAAc;AACnB;AAGA,OAAO,MAAMgB,YAAYC,OAAOC,IAAI,CAACH,UAAwB;AAK7D,OAAO,SAASI,KAAK,EAACC,IAAI,EAAE,GAAGC,OAAiB;IAC9C,MAAMC,gBAAgBP,QAAQ,CAACK,KAAK;IACpC,qBAAO,KAACE;QAAe,GAAGD,KAAK;;AACjC"}
+{"version":3,"sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport {\n  RiAddLine,\n  RiArrowRightSLine,\n  RiBookOpenFill,\n  RiCheckLine,\n  RiCloseLine,\n  RiFileCopyLine,\n  RiGithubFill,\n  RiGoogleFill,\n  RiHomeSmileFill,\n  RiImageAddFill,\n  RiInformationFill,\n  RiMicrosoftFill,\n  RiMoneyDollarCircleLine,\n  RiSubtractLine,\n} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\nimport {\n  BadgeIcon,\n  CheckCircleSolidIcon,\n  CircleDottedLineIcon,\n  ComponentFillIcon,\n  ComponentLineIcon,\n  EllipseMiniSolidIcon,\n  InfoTooltipFillIcon,\n  ResizeIcon,\n  ShipfoxLogo,\n  SlackLogo,\n  SpinnerIcon,\n  StripeLogo,\n  ThunderIcon,\n  XCircleSolidIcon,\n} from './custom';\nimport {remixiconMap} from './remixicon-registry';\n\nconst commonRemixicons = {\n  addLine: RiAddLine,\n  close: RiCloseLine,\n  check: RiCheckLine,\n  copy: RiFileCopyLine,\n  info: RiInformationFill,\n  imageAdd: RiImageAddFill,\n  chevronRight: RiArrowRightSLine,\n  homeSmile: RiHomeSmileFill,\n  money: RiMoneyDollarCircleLine,\n  google: RiGoogleFill,\n  microsoft: RiMicrosoftFill,\n  github: RiGithubFill,\n  subtractLine: RiSubtractLine,\n  bookOpen: RiBookOpenFill,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nconst customIconsMap = {\n  shipfox: ShipfoxLogo,\n  slack: SlackLogo,\n  stripe: StripeLogo,\n  badge: BadgeIcon,\n  checkCircleSolid: CheckCircleSolidIcon,\n  circleDottedLine: CircleDottedLineIcon,\n  componentFill: ComponentFillIcon,\n  componentLine: ComponentLineIcon,\n  ellipseMiniSolid: EllipseMiniSolidIcon,\n  infoTooltipFill: InfoTooltipFillIcon,\n  resize: ResizeIcon,\n  spinner: SpinnerIcon,\n  thunder: ThunderIcon,\n  xCircleSolid: XCircleSolidIcon,\n} as const satisfies Record<string, RemixiconComponentType>;\n\nconst iconsMap = {\n  ...remixiconMap,\n  ...commonRemixicons,\n  ...customIconsMap,\n} as Record<string, RemixiconComponentType> & typeof customIconsMap;\n\nexport type IconName = keyof typeof iconsMap;\nexport const iconNames = Object.keys(iconsMap) as IconName[];\n\ntype BaseIconProps = ComponentProps<RemixiconComponentType>;\ntype IconProps = {name: IconName; size?: number | string} & Omit<\n  BaseIconProps,\n  'name' | 'size' | 'width' | 'height'\n>;\n\nexport function Icon({name, size, ...props}: IconProps) {\n  const IconComponent = iconsMap[name];\n  const svgProps = size && typeof size === 'number' ? {...props, width: size, height: size} : props;\n  return <IconComponent {...svgProps} />;\n}\n"],"names":["RiAddLine","RiArrowRightSLine","RiBookOpenFill","RiCheckLine","RiCloseLine","RiFileCopyLine","RiGithubFill","RiGoogleFill","RiHomeSmileFill","RiImageAddFill","RiInformationFill","RiMicrosoftFill","RiMoneyDollarCircleLine","RiSubtractLine","BadgeIcon","CheckCircleSolidIcon","CircleDottedLineIcon","ComponentFillIcon","ComponentLineIcon","EllipseMiniSolidIcon","InfoTooltipFillIcon","ResizeIcon","ShipfoxLogo","SlackLogo","SpinnerIcon","StripeLogo","ThunderIcon","XCircleSolidIcon","remixiconMap","commonRemixicons","addLine","close","check","copy","info","imageAdd","chevronRight","homeSmile","money","google","microsoft","github","subtractLine","bookOpen","customIconsMap","shipfox","slack","stripe","badge","checkCircleSolid","circleDottedLine","componentFill","componentLine","ellipseMiniSolid","infoTooltipFill","resize","spinner","thunder","xCircleSolid","iconsMap","iconNames","Object","keys","Icon","name","size","props","IconComponent","svgProps","width","height"],"mappings":";AACA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,cAAc,EACdC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,uBAAuB,EACvBC,cAAc,QACT,mBAAmB;AAE1B,SACEC,SAAS,EACTC,oBAAoB,EACpBC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,oBAAoB,EACpBC,mBAAmB,EACnBC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,gBAAgB,QACX,WAAW;AAClB,SAAQC,YAAY,QAAO,uBAAuB;AAElD,MAAMC,mBAAmB;IACvBC,SAAS9B;IACT+B,OAAO3B;IACP4B,OAAO7B;IACP8B,MAAM5B;IACN6B,MAAMxB;IACNyB,UAAU1B;IACV2B,cAAcnC;IACdoC,WAAW7B;IACX8B,OAAO1B;IACP2B,QAAQhC;IACRiC,WAAW7B;IACX8B,QAAQnC;IACRoC,cAAc7B;IACd8B,UAAUzC;AACZ;AAEA,MAAM0C,iBAAiB;IACrBC,SAASvB;IACTwB,OAAOvB;IACPwB,QAAQtB;IACRuB,OAAOlC;IACPmC,kBAAkBlC;IAClBmC,kBAAkBlC;IAClBmC,eAAelC;IACfmC,eAAelC;IACfmC,kBAAkBlC;IAClBmC,iBAAiBlC;IACjBmC,QAAQlC;IACRmC,SAAShC;IACTiC,SAAS/B;IACTgC,cAAc/B;AAChB;AAEA,MAAMgC,WAAW;IACf,GAAG/B,YAAY;IACf,GAAGC,gBAAgB;IACnB,GAAGe,cAAc;AACnB;AAGA,OAAO,MAAMgB,YAAYC,OAAOC,IAAI,CAACH,UAAwB;AAQ7D,OAAO,SAASI,KAAK,EAACC,IAAI,EAAEC,IAAI,EAAE,GAAGC,OAAiB;IACpD,MAAMC,gBAAgBR,QAAQ,CAACK,KAAK;IACpC,MAAMI,WAAWH,QAAQ,OAAOA,SAAS,WAAW;QAAC,GAAGC,KAAK;QAAEG,OAAOJ;QAAMK,QAAQL;IAAI,IAAIC;IAC5F,qBAAO,KAACC;QAAe,GAAGC,QAAQ;;AACpC"}

package/dist/components/index.d.ts

@@ -2,9 +2,12 @@ export * from './alert';
 export * from './avatar';
 export * from './badge';
 export * from './button';
+export * from './button-group';
 export * from './calendar';
 export * from './checkbox';
 export * from './code-block';
+export * from './command';
+export * from './confetti';
 export * from './date-picker';
 export * from './date-time-range-picker';
 export * from './dot-grid';
@@ -15,10 +18,16 @@ export * from './icon';
 export * from './inline-tips';
 export * from './input';
 export * from './item';
+export * from './kbd';
 export * from './label';
 export * from './modal';
 export * from './moving-border';
 export * from './popover';
+export * from './search';
+export * from './select';
+export * from './shiny-text';
+export * from './skeleton';
+export * from './table';
 export * from './tabs';
 export * from './textarea';
 export * from './theme';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/components/index.js

@@ -2,9 +2,12 @@ export * from './alert/index.js';
 export * from './avatar/index.js';
 export * from './badge/index.js';
 export * from './button/index.js';
+export * from './button-group/index.js';
 export * from './calendar/index.js';
 export * from './checkbox/index.js';
 export * from './code-block/index.js';
+export * from './command/index.js';
+export * from './confetti/index.js';
 export * from './date-picker/index.js';
 export * from './date-time-range-picker/index.js';
 export * from './dot-grid/index.js';
@@ -15,10 +18,16 @@ export * from './icon/index.js';
 export * from './inline-tips/index.js';
 export * from './input/index.js';
 export * from './item/index.js';
+export * from './kbd/index.js';
 export * from './label/index.js';
 export * from './modal/index.js';
 export * from './moving-border/index.js';
 export * from './popover/index.js';
+export * from './search/index.js';
+export * from './select/index.js';
+export * from './shiny-text/index.js';
+export * from './skeleton/index.js';
+export * from './table/index.js';
 export * from './tabs/index.js';
 export * from './textarea/index.js';
 export * from './theme/index.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './alert';\nexport * from './avatar';\nexport * from './badge';\nexport * from './button';\nexport * from './calendar';\nexport * from './checkbox';\nexport * from './code-block';\nexport * from './date-picker';\nexport * from './date-time-range-picker';\nexport * from './dot-grid';\nexport * from './dropdown-menu';\nexport * from './dynamic-item';\nexport * from './form';\nexport * from './icon';\nexport * from './inline-tips';\nexport * from './input';\nexport * from './item';\nexport * from './label';\nexport * from './modal';\nexport * from './moving-border';\nexport * from './popover';\nexport * from './tabs';\nexport * from './textarea';\nexport * from './theme';\nexport * from './toast';\nexport * from './tooltip';\nexport * from './typography';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,2BAA2B;AACzC,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,eAAe"}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './alert';\nexport * from './avatar';\nexport * from './badge';\nexport * from './button';\nexport * from './button-group';\nexport * from './calendar';\nexport * from './checkbox';\nexport * from './code-block';\nexport * from './command';\nexport * from './confetti';\nexport * from './date-picker';\nexport * from './date-time-range-picker';\nexport * from './dot-grid';\nexport * from './dropdown-menu';\nexport * from './dynamic-item';\nexport * from './form';\nexport * from './icon';\nexport * from './inline-tips';\nexport * from './input';\nexport * from './item';\nexport * from './kbd';\nexport * from './label';\nexport * from './modal';\nexport * from './moving-border';\nexport * from './popover';\nexport * from './search';\nexport * from './select';\nexport * from './shiny-text';\nexport * from './skeleton';\nexport * from './table';\nexport * from './tabs';\nexport * from './textarea';\nexport * from './theme';\nexport * from './toast';\nexport * from './tooltip';\nexport * from './typography';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,gBAAgB;AAC9B,cAAc,2BAA2B;AACzC,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,eAAe"}

package/dist/components/kbd/index.d.ts

@@ -0,0 +1,2 @@
+export * from './kbd';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/kbd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

package/dist/components/kbd/index.js

@@ -0,0 +1,3 @@
+export * from './kbd.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/kbd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kbd/index.ts"],"sourcesContent":["export * from './kbd';\n"],"names":[],"mappings":"AAAA,cAAc,QAAQ"}

package/dist/components/kbd/kbd.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from 'react';
+type KbdProps = ComponentProps<'kbd'>;
+export declare function Kbd({ className, ...props }: KbdProps): import("react/jsx-runtime").JSX.Element;
+type KbdGroupProps = ComponentProps<'div'>;
+export declare function KbdGroup({ className, ...props }: KbdGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=kbd.d.ts.map

package/dist/components/kbd/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,KAAK,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtC,wBAAgB,GAAG,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,2CAclD;AAED,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3C,wBAAgB,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,2CAQ5D"}

package/dist/components/kbd/kbd.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+export function Kbd({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("kbd", {
+        "data-slot": "kbd",
+        className: cn('pointer-events-none inline-flex h-20 w-fit min-w-20 items-center justify-center gap-1 rounded-4 px-4 font-display text-xs font-medium select-none', 'bg-background-components-base text-foreground-neutral-subtle border border-border-neutral-base shadow-button-neutral', '[&_svg:not([class*="size-"])]:size-12', 'in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10', className),
+        ...props
+    });
+}
+export function KbdGroup({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "kbd-group",
+        className: cn('inline-flex items-center gap-4', className),
+        ...props
+    });
+}
+
+//# sourceMappingURL=kbd.js.map

package/dist/components/kbd/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kbd/kbd.tsx"],"sourcesContent":["import type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\ntype KbdProps = ComponentProps<'kbd'>;\n\nexport function Kbd({className, ...props}: KbdProps) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        'pointer-events-none inline-flex h-20 w-fit min-w-20 items-center justify-center gap-1 rounded-4 px-4 font-display text-xs font-medium select-none',\n        'bg-background-components-base text-foreground-neutral-subtle border border-border-neutral-base shadow-button-neutral',\n        '[&_svg:not([class*=\"size-\"])]:size-12',\n        'in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype KbdGroupProps = ComponentProps<'div'>;\n\nexport function KbdGroup({className, ...props}: KbdGroupProps) {\n  return (\n    <div\n      data-slot=\"kbd-group\"\n      className={cn('inline-flex items-center gap-4', className)}\n      {...props}\n    />\n  );\n}\n"],"names":["cn","Kbd","className","props","kbd","data-slot","KbdGroup","div"],"mappings":";AACA,SAAQA,EAAE,QAAO,WAAW;AAI5B,OAAO,SAASC,IAAI,EAACC,SAAS,EAAE,GAAGC,OAAgB;IACjD,qBACE,KAACC;QACCC,aAAU;QACVH,WAAWF,GACT,qJACA,wHACA,yCACA,uJACAE;QAED,GAAGC,KAAK;;AAGf;AAIA,OAAO,SAASG,SAAS,EAACJ,SAAS,EAAE,GAAGC,OAAqB;IAC3D,qBACE,KAACI;QACCF,aAAU;QACVH,WAAWF,GAAG,kCAAkCE;QAC/C,GAAGC,KAAK;;AAGf"}

package/dist/components/kbd/kbd.stories.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Kbd, KbdGroup } from './kbd.js';
+const meta = {
+    title: 'Components/Kbd',
+    component: Kbd,
+    tags: [
+        'autodocs'
+    ]
+};
+export default meta;
+export const Default = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-wrap gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Kbd, {
+                    children: "Ctrl"
+                }),
+                /*#__PURE__*/ _jsx(Kbd, {
+                    children: "Alt"
+                }),
+                /*#__PURE__*/ _jsx(Kbd, {
+                    children: "Shift"
+                }),
+                /*#__PURE__*/ _jsx(Kbd, {
+                    children: "⌘"
+                }),
+                /*#__PURE__*/ _jsx(Kbd, {
+                    children: "⌥"
+                }),
+                /*#__PURE__*/ _jsx(Kbd, {
+                    children: "⇧"
+                })
+            ]
+        })
+};
+export const KeyCombination = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-wrap items-center gap-12",
+            children: [
+                /*#__PURE__*/ _jsx(Kbd, {
+                    children: "⌘K"
+                }),
+                /*#__PURE__*/ _jsxs(KbdGroup, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Kbd, {
+                            children: "Ctrl"
+                        }),
+                        /*#__PURE__*/ _jsx(Kbd, {
+                            children: "Shift"
+                        }),
+                        /*#__PURE__*/ _jsx(Kbd, {
+                            children: "P"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(KbdGroup, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Kbd, {
+                            children: "Alt"
+                        }),
+                        /*#__PURE__*/ _jsx(Kbd, {
+                            children: "Enter"
+                        })
+                    ]
+                })
+            ]
+        })
+};
+export const InMenu = {
+    render: ()=>/*#__PURE__*/ _jsx("div", {
+            className: "max-w-400 rounded-10 border border-border-neutral-base p-8",
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col gap-4",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center justify-between p-8 rounded-6 hover:bg-background-components-hover transition-colors",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm text-foreground-neutral-subtle",
+                                children: "Copy"
+                            }),
+                            /*#__PURE__*/ _jsx(Kbd, {
+                                children: "⌘C"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center justify-between p-8 rounded-6 hover:bg-background-components-hover transition-colors",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm text-foreground-neutral-subtle",
+                                children: "Paste"
+                            }),
+                            /*#__PURE__*/ _jsx(Kbd, {
+                                children: "⌘V"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "h-px bg-border-neutral-base my-4"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center justify-between p-8 rounded-6 hover:bg-background-components-hover transition-colors",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm text-foreground-neutral-subtle",
+                                children: "Command Palette"
+                            }),
+                            /*#__PURE__*/ _jsx(Kbd, {
+                                children: "⌘K"
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+};
+
+//# sourceMappingURL=kbd.stories.js.map

package/dist/components/kbd/kbd.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kbd/kbd.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Kbd, KbdGroup} from './kbd';\n\nconst meta = {\n  title: 'Components/Kbd',\n  component: Kbd,\n  tags: ['autodocs'],\n} satisfies Meta<typeof Kbd>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  render: () => (\n    <div className=\"flex flex-wrap gap-8\">\n      <Kbd>Ctrl</Kbd>\n      <Kbd>Alt</Kbd>\n      <Kbd>Shift</Kbd>\n      <Kbd>⌘</Kbd>\n      <Kbd>⌥</Kbd>\n      <Kbd>⇧</Kbd>\n    </div>\n  ),\n};\n\nexport const KeyCombination: Story = {\n  render: () => (\n    <div className=\"flex flex-wrap items-center gap-12\">\n      <Kbd>⌘K</Kbd>\n      <KbdGroup>\n        <Kbd>Ctrl</Kbd>\n        <Kbd>Shift</Kbd>\n        <Kbd>P</Kbd>\n      </KbdGroup>\n      <KbdGroup>\n        <Kbd>Alt</Kbd>\n        <Kbd>Enter</Kbd>\n      </KbdGroup>\n    </div>\n  ),\n};\n\nexport const InMenu: Story = {\n  render: () => (\n    <div className=\"max-w-400 rounded-10 border border-border-neutral-base p-8\">\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex items-center justify-between p-8 rounded-6 hover:bg-background-components-hover transition-colors\">\n          <span className=\"text-sm text-foreground-neutral-subtle\">Copy</span>\n          <Kbd>⌘C</Kbd>\n        </div>\n        <div className=\"flex items-center justify-between p-8 rounded-6 hover:bg-background-components-hover transition-colors\">\n          <span className=\"text-sm text-foreground-neutral-subtle\">Paste</span>\n          <Kbd>⌘V</Kbd>\n        </div>\n        <div className=\"h-px bg-border-neutral-base my-4\" />\n        <div className=\"flex items-center justify-between p-8 rounded-6 hover:bg-background-components-hover transition-colors\">\n          <span className=\"text-sm text-foreground-neutral-subtle\">Command Palette</span>\n          <Kbd>⌘K</Kbd>\n        </div>\n      </div>\n    </div>\n  ),\n};\n"],"names":["Kbd","KbdGroup","meta","title","component","tags","Default","render","div","className","KeyCombination","InMenu","span"],"mappings":";AACA,SAAQA,GAAG,EAAEC,QAAQ,QAAO,QAAQ;AAEpC,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWJ;IACXK,MAAM;QAAC;KAAW;AACpB;AAEA,eAAeH,KAAK;AAIpB,OAAO,MAAMI,UAAiB;IAC5BC,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACT;8BAAI;;8BACL,KAACA;8BAAI;;8BACL,KAACA;8BAAI;;8BACL,KAACA;8BAAI;;8BACL,KAACA;8BAAI;;8BACL,KAACA;8BAAI;;;;AAGX,EAAE;AAEF,OAAO,MAAMU,iBAAwB;IACnCH,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACT;8BAAI;;8BACL,MAACC;;sCACC,KAACD;sCAAI;;sCACL,KAACA;sCAAI;;sCACL,KAACA;sCAAI;;;;8BAEP,MAACC;;sCACC,KAACD;sCAAI;;sCACL,KAACA;sCAAI;;;;;;AAIb,EAAE;AAEF,OAAO,MAAMW,SAAgB;IAC3BJ,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACb,cAAA,MAACD;gBAAIC,WAAU;;kCACb,MAACD;wBAAIC,WAAU;;0CACb,KAACG;gCAAKH,WAAU;0CAAyC;;0CACzD,KAACT;0CAAI;;;;kCAEP,MAACQ;wBAAIC,WAAU;;0CACb,KAACG;gCAAKH,WAAU;0CAAyC;;0CACzD,KAACT;0CAAI;;;;kCAEP,KAACQ;wBAAIC,WAAU;;kCACf,MAACD;wBAAIC,WAAU;;0CACb,KAACG;gCAAKH,WAAU;0CAAyC;;0CACzD,KAACT;0CAAI;;;;;;;AAKf,EAAE"}