@viraui/react 0.0.16 → 0.0.18

package/dist/internal-icons/icons/duo/index.js

@@ -3,246 +3,40 @@
  * Generated by svger-cli
  *
  * Import individual components:
- * import { AddSection } from './components';
+ * import { ArrowDown } from './components';
  *
  * Import all components:
  * import * as Icons from './components';
  */
-export { default as AddSection } from './AddSection.js';
-export { default as AiDeveloper } from './AiDeveloper.js';
-export { default as AiLoading } from './AiLoading.js';
-export { default as Album3 } from './Album3.js';
-export { default as ArchiveContent2 } from './ArchiveContent2.js';
-export { default as ArrowDown } from './ArrowDown.js';
-export { default as ArrowDownLeft } from './ArrowDownLeft.js';
-export { default as ArrowDownRight } from './ArrowDownRight.js';
-export { default as ArrowLeft } from './ArrowLeft.js';
-export { default as ArrowRight } from './ArrowRight.js';
-export { default as ArrowRotate } from './ArrowRotate.js';
-export { default as ArrowRotateAnticlockwiseCheck } from './ArrowRotateAnticlockwiseCheck.js';
-export { default as ArrowRotateAnticlockwiseSlash } from './ArrowRotateAnticlockwiseSlash.js';
-export { default as ArrowRotateAnticlockwiseXmark } from './ArrowRotateAnticlockwiseXmark.js';
-export { default as ArrowRotateClockwiseSlash } from './ArrowRotateClockwiseSlash.js';
-export { default as ArrowUp } from './ArrowUp.js';
-export { default as ArrowUpLeft } from './ArrowUpLeft.js';
-export { default as ArrowUpRight } from './ArrowUpRight.js';
-export { default as ArrowsFilter } from './ArrowsFilter.js';
-export { default as ArrowsToLineY2 } from './ArrowsToLineY2.js';
-export { default as Birdhouse } from './Birdhouse.js';
-export { default as BookmarkList } from './BookmarkList.js';
-export { default as BookmarkedBook } from './BookmarkedBook.js';
-export { default as BookmarkedBook2 } from './BookmarkedBook2.js';
-export { default as Box3 } from './Box3.js';
-export { default as BoxSparkle } from './BoxSparkle.js';
-export { default as BoxSparkle2 } from './BoxSparkle2.js';
-export { default as Brochure } from './Brochure.js';
-export { default as ButtonPlus } from './ButtonPlus.js';
-export { default as Calculator3 } from './Calculator3.js';
-export { default as CaretDown } from './CaretDown.js';
-export { default as CaretLeft } from './CaretLeft.js';
-export { default as CaretRight } from './CaretRight.js';
-export { default as CaretUp } from './CaretUp.js';
-export { default as Chart3 } from './Chart3.js';
-export { default as ChartBar } from './ChartBar.js';
-export { default as ChartCandlestick2 } from './ChartCandlestick2.js';
-export { default as ChatImage } from './ChatImage.js';
-export { default as ChatInfo } from './ChatInfo.js';
-export { default as ChatTask } from './ChatTask.js';
-export { default as Check } from './Check.js';
-export { default as CheckBoxArrow } from './CheckBoxArrow.js';
-export { default as ChevronDown } from './ChevronDown.js';
-export { default as ChevronExpandY } from './ChevronExpandY.js';
-export { default as ChevronLeft } from './ChevronLeft.js';
-export { default as ChevronLeftToLine } from './ChevronLeftToLine.js';
-export { default as ChevronRight } from './ChevronRight.js';
-export { default as ChevronRightToLine } from './ChevronRightToLine.js';
-export { default as ChevronUp } from './ChevronUp.js';
-export { default as Child } from './Child.js';
-export { default as CircleCoinIn } from './CircleCoinIn.js';
-export { default as CircleCoinOut } from './CircleCoinOut.js';
-export { default as CircleCoinPlus } from './CircleCoinPlus.js';
-export { default as CircleConversion } from './CircleConversion.js';
-export { default as CircleCross } from './CircleCross.js';
-export { default as CircleHalfArrowDown } from './CircleHalfArrowDown.js';
-export { default as CircleHalfArrowLeft } from './CircleHalfArrowLeft.js';
-export { default as CircleHalfArrowRight } from './CircleHalfArrowRight.js';
-export { default as CircleHalfArrowUp } from './CircleHalfArrowUp.js';
-export { default as CircleHalfDottedChart2 } from './CircleHalfDottedChart2.js';
-export { default as ClockTime } from './ClockTime.js';
-export { default as CloneDashed3 } from './CloneDashed3.js';
-export { default as CloneImageDashed } from './CloneImageDashed.js';
-export { default as CloneVideoDashed } from './CloneVideoDashed.js';
-export { default as CloudeCode } from './CloudeCode.js';
-export { default as CoinStack } from './CoinStack.js';
-export { default as ConditionalLogic } from './ConditionalLogic.js';
-export { default as ConnectPlus } from './ConnectPlus.js';
-export { default as Connection3 } from './Connection3.js';
-export { default as CopyDelete } from './CopyDelete.js';
-export { default as CopyId } from './CopyId.js';
-export { default as DarkLight } from './DarkLight.js';
-export { default as Deaf } from './Deaf.js';
-export { default as DependencyLink } from './DependencyLink.js';
-export { default as DesktopDock } from './DesktopDock.js';
-export { default as DiamondSparkle } from './DiamondSparkle.js';
-export { default as DocumentScan } from './DocumentScan.js';
-export { default as Dog2 } from './Dog2.js';
-export { default as DogLeash } from './DogLeash.js';
-export { default as DogSlash } from './DogSlash.js';
-export { default as DotFormation } from './DotFormation.js';
-export { default as DrawFinger } from './DrawFinger.js';
-export { default as Ear } from './Ear.js';
-export { default as EarSound } from './EarSound.js';
-export { default as Embed } from './Embed.js';
-export { default as EnterDoor } from './EnterDoor.js';
-export { default as EnterHome } from './EnterHome.js';
-export { default as ExitDoor } from './ExitDoor.js';
-export { default as Export2 } from './Export2.js';
-export { default as EyeSparkle } from './EyeSparkle.js';
-export { default as FaceRobot } from './FaceRobot.js';
-export { default as FaceRobot2 } from './FaceRobot2.js';
-export { default as FaceRobot3 } from './FaceRobot3.js';
-export { default as FerrisWheel } from './FerrisWheel.js';
-export { default as FileExport } from './FileExport.js';
-export { default as FlagMenu } from './FlagMenu.js';
-export { default as FocusCenter } from './FocusCenter.js';
-export { default as FoodOrder } from './FoodOrder.js';
-export { default as FuelCan } from './FuelCan.js';
-export { default as FuelCan2 } from './FuelCan2.js';
-export { default as Gear3Sparkle } from './Gear3Sparkle.js';
-export { default as GridSparkle } from './GridSparkle.js';
-export { default as HandHoldingGlobe } from './HandHoldingGlobe.js';
-export { default as Handshake2 } from './Handshake2.js';
-export { default as Haptic } from './Haptic.js';
-export { default as HelpChat } from './HelpChat.js';
-export { default as HexagonSparkle } from './HexagonSparkle.js';
-export { default as Hiking } from './Hiking.js';
-export { default as History2 } from './History2.js';
-export { default as HorseHead } from './HorseHead.js';
-export { default as HouseDollarSign } from './HouseDollarSign.js';
-export { default as HouseMinus2 } from './HouseMinus2.js';
-export { default as Images3 } from './Images3.js';
-export { default as Img4k } from './Img4k.js';
-export { default as InsertCrypto } from './InsertCrypto.js';
-export { default as InsertDollar } from './InsertDollar.js';
-export { default as InstantMoney } from './InstantMoney.js';
-export { default as InvoiceIn } from './InvoiceIn.js';
-export { default as InwardFlow } from './InwardFlow.js';
-export { default as JoinedHands } from './JoinedHands.js';
-export { default as LawShield } from './LawShield.js';
-export { default as Lectern } from './Lectern.js';
-export { default as Lectern2 } from './Lectern2.js';
-export { default as LightSpark } from './LightSpark.js';
-export { default as LightSpark2 } from './LightSpark2.js';
-export { default as ListExport } from './ListExport.js';
-export { default as ListFavs3 } from './ListFavs3.js';
-export { default as ListFavs4 } from './ListFavs4.js';
-export { default as LoadingStatus } from './LoadingStatus.js';
-export { default as LoadingStatus2 } from './LoadingStatus2.js';
-export { default as LockedChat } from './LockedChat.js';
-export { default as MagicHat } from './MagicHat.js';
-export { default as MagicRabbit } from './MagicRabbit.js';
-export { default as MagnifierSparkle2 } from './MagnifierSparkle2.js';
-export { default as MediaLibrary2 } from './MediaLibrary2.js';
-export { default as Membership } from './Membership.js';
-export { default as Menu4 } from './Menu4.js';
-export { default as MilitaryMedal } from './MilitaryMedal.js';
-export { default as MobileCircuit } from './MobileCircuit.js';
-export { default as MoneyRefund } from './MoneyRefund.js';
-export { default as MoneyRefund2 } from './MoneyRefund2.js';
-export { default as MoonStars } from './MoonStars.js';
-export { default as MotionAlongPath } from './MotionAlongPath.js';
-export { default as Msgs2 } from './Msgs2.js';
-export { default as Navigation } from './Navigation.js';
-export { default as NavigationHorizontal } from './NavigationHorizontal.js';
-export { default as NavigationVertical } from './NavigationVertical.js';
-export { default as ObjectSelection } from './ObjectSelection.js';
-export { default as OfficeUser } from './OfficeUser.js';
-export { default as OpenExternal } from './OpenExternal.js';
-export { default as OrbitSparkle } from './OrbitSparkle.js';
-export { default as OutwardFlow } from './OutwardFlow.js';
-export { default as PaperPlaneFast } from './PaperPlaneFast.js';
-export { default as Parachute } from './Parachute.js';
-export { default as Paw } from './Paw.js';
-export { default as Peace } from './Peace.js';
-export { default as PicnicTable } from './PicnicTable.js';
-export { default as Pillow } from './Pillow.js';
-export { default as Playground } from './Playground.js';
-export { default as Playlist4 } from './Playlist4.js';
-export { default as Plug3 } from './Plug3.js';
-export { default as Plug3Sparkle } from './Plug3Sparkle.js';
-export { default as PlugOff } from './PlugOff.js';
-export { default as PlugSparkle } from './PlugSparkle.js';
-export { default as PopEffect } from './PopEffect.js';
-export { default as ProfileAnalytics } from './ProfileAnalytics.js';
-export { default as ProfileBasic } from './ProfileBasic.js';
-export { default as ProgressIndicator2 } from './ProgressIndicator2.js';
-export { default as QuickActions } from './QuickActions.js';
-export { default as QuickTimer } from './QuickTimer.js';
-export { default as Rabbit } from './Rabbit.js';
-export { default as Receipt3 } from './Receipt3.js';
-export { default as Receipt4 } from './Receipt4.js';
-export { default as Redo2 } from './Redo2.js';
-export { default as Redo3 } from './Redo3.js';
-export { default as Refresh3AnticlockwiseSlash } from './Refresh3AnticlockwiseSlash.js';
-export { default as Refresh3ClockwiseSlash } from './Refresh3ClockwiseSlash.js';
-export { default as RefreshAnticlockwise } from './RefreshAnticlockwise.js';
-export { default as RefreshAnticlockwiseSlash } from './RefreshAnticlockwiseSlash.js';
-export { default as RefreshClockwiseSlash } from './RefreshClockwiseSlash.js';
-export { default as Refrigerator } from './Refrigerator.js';
-export { default as RemoteControl } from './RemoteControl.js';
-export { default as RemoteControl2 } from './RemoteControl2.js';
-export { default as ReportFile } from './ReportFile.js';
-export { default as Reposition } from './Reposition.js';
-export { default as Rerouting } from './Rerouting.js';
-export { default as Robot2 } from './Robot2.js';
-export { default as Robot3 } from './Robot3.js';
-export { default as Robot4 } from './Robot4.js';
-export { default as RockOn } from './RockOn.js';
-export { default as RopeStanchions } from './RopeStanchions.js';
-export { default as Rotation3602 } from './Rotation3602.js';
-export { default as SavedItems2 } from './SavedItems2.js';
-export { default as ScaleImg4k } from './ScaleImg4k.js';
-export { default as ScanImage } from './ScanImage.js';
-export { default as ScissorsSparkle } from './ScissorsSparkle.js';
-export { default as Seatbelt } from './Seatbelt.js';
-export { default as ShakaHand } from './ShakaHand.js';
-export { default as ShapeRectangle } from './ShapeRectangle.js';
-export { default as Shovel } from './Shovel.js';
-export { default as ShuffleSparkle } from './ShuffleSparkle.js';
-export { default as SideProfileQuestion } from './SideProfileQuestion.js';
-export { default as SideProfileSparkle } from './SideProfileSparkle.js';
-export { default as SidebarEdit } from './SidebarEdit.js';
-export { default as SlashCircle } from './SlashCircle.js';
-export { default as Sliders4 } from './Sliders4.js';
-export { default as Snail } from './Snail.js';
-export { default as Spiral } from './Spiral.js';
-export { default as SplitView } from './SplitView.js';
-export { default as SquareDashedSearchSparkle } from './SquareDashedSearchSparkle.js';
-export { default as SquareDashedText } from './SquareDashedText.js';
-export { default as SquarePath } from './SquarePath.js';
-export { default as Star2Slash } from './Star2Slash.js';
-export { default as StopSign } from './StopSign.js';
-export { default as StopwatchBolt } from './StopwatchBolt.js';
-export { default as SummitFlag } from './SummitFlag.js';
-export { default as Sun } from './Sun.js';
-export { default as Sunrise2 } from './Sunrise2.js';
-export { default as Task } from './Task.js';
-export { default as Task2 } from './Task2.js';
-export { default as TaskDebug } from './TaskDebug.js';
-export { default as TaskSearch } from './TaskSearch.js';
-export { default as Teepee } from './Teepee.js';
-export { default as TextAdjust } from './TextAdjust.js';
-export { default as TheatreMask } from './TheatreMask.js';
-export { default as TheatreMask2 } from './TheatreMask2.js';
-export { default as TimerProgress } from './TimerProgress.js';
-export { default as TimerProgress2 } from './TimerProgress2.js';
-export { default as TransactionSplit } from './TransactionSplit.js';
-export { default as Undo2 } from './Undo2.js';
-export { default as Undo3 } from './Undo3.js';
-export { default as UnicornHead } from './UnicornHead.js';
-export { default as UserContact } from './UserContact.js';
-export { default as UserVoice2 } from './UserVoice2.js';
-export { default as VipBadge } from './VipBadge.js';
-export { default as VoiceCaption } from './VoiceCaption.js';
-export { default as WalletCoins } from './WalletCoins.js';
-export { default as Weight } from './Weight.js';
+export { default as ArrowDown } from './ArrowDown';
+export { default as ArrowDownLeft } from './ArrowDownLeft';
+export { default as ArrowDownRight } from './ArrowDownRight';
+export { default as ArrowLeft } from './ArrowLeft';
+export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowUp } from './ArrowUp';
+export { default as ArrowUpLeft } from './ArrowUpLeft';
+export { default as ArrowUpRight } from './ArrowUpRight';
+export { default as CaretDown } from './CaretDown';
+export { default as CaretLeft } from './CaretLeft';
+export { default as CaretRight } from './CaretRight';
+export { default as CaretUp } from './CaretUp';
+export { default as Check } from './Check';
+export { default as ChevronDown } from './ChevronDown';
+export { default as ChevronExpandY } from './ChevronExpandY';
+export { default as ChevronLeft } from './ChevronLeft';
+export { default as ChevronRight } from './ChevronRight';
+export { default as ChevronUp } from './ChevronUp';
+export { default as CircleHalfDottedClock } from './CircleHalfDottedClock';
+export { default as Clock } from './Clock';
+export { default as DarkLight } from './DarkLight';
+export { default as History } from './History';
+export { default as Lock } from './Lock';
+export { default as LockOpen } from './LockOpen';
+export { default as Magnifier } from './Magnifier';
+export { default as Minus } from './Minus';
+export { default as MoonStars } from './MoonStars';
+export { default as Plus } from './Plus';
+export { default as Quickstart } from './Quickstart';
+export { default as RefreshAnticlockwise } from './RefreshAnticlockwise';
+export { default as Sun } from './Sun';
+export { default as Xmark } from './Xmark';

package/dist/preflight.css

@@ -1 +1 @@
-@layer viraui.preflight;@layer viraui.preflight{html{--scrollbar-thumb:light-dark(var(--base-4),var(--base-3));--scrollbar-track:transparent;font-size:100%;box-sizing:border-box;line-height:1.5;background-color:var(--global-background);color:var(--global-foreground)}*{corner-shape:var(--corner-shape,unset)}*,:after,:before{margin:0;box-sizing:inherit;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:2px solid var(--global-foreground);outline-offset:2px}body{color:var(--global-foreground);margin:0;font-size:1rem;font-optical-sizing:auto;font-family:var(--font-family-body),sans-serif;font-variation-settings:"wght" 400}::selection{background-color:var(--global-primary);color:contrast-color(var(--global-primary));text-shadow:none}img{display:block;inline-size:100%;max-inline-size:100%}svg:not([fill]){fill:currentcolor}fieldset{border:0}ol ul,ul ol{font-size:medium}table{border-spacing:0;width:100%;border-collapse:collapse}table[data-layout-fixed]{table-layout:fixed}table thead{box-shadow:inset 0 -3px 0 var(--base-2)}table[data-table-separators] tr+tr{border-top:1px solid var(--base-2)}table th{white-space:nowrap;font-variation-settings:"wght" 800}table td,table th{border:none;text-align:left;font-size:medium;padding:calc(var(--space-x-small) + var(--space-2x-small)) var(--space-small)}[data-elevation]{--shadow-direction:1;--shadow-opacity-factor:0.16;--extra-shadow:0 0 0 1px transparent;--shadow-color:oklch(0% 0 0deg)}}@layer viraui.preflight{[data-elevation]:where([data-elevation-direction=bottom],[data-elevation-direction=right]){--shadow-direction:1}[data-elevation]:where([data-elevation-direction=top],[data-elevation-direction=left]){--shadow-direction:-1}[data-elevation-hover="0"]:hover,[data-elevation="0"]{--y1:0px;--x1:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 0 oklch(from var(--shadow-color) l c h/var(--shadow-opacity-factor)),0 0 0 color-mix(in oklch,var(--shadow-color),transparent calc(94% - var(--shadow-opacity-factor))),0 0 0 oklch(from var(--shadow-color) l c h/var(--shadow-opacity-factor)),var(--extra-shadow)}[data-elevation-hover="1"]:hover,[data-elevation="1"]{--y1:0px;--y2:2px;--y3:4px;--y4:7px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 1px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 2px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 2px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 3px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="1"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="1"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:0px;--x2:2px;--x3:4px;--x4:7px}[data-elevation-hover="2"]:hover,[data-elevation="2"]{--y1:1px;--y2:5px;--y3:11px;--y4:19px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 3px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 5px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 6px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="2"]:where([data-elevation-direction=top],[data-elevation-direction=left]):hover,[data-elevation="2"]:where([data-elevation-direction=top],[data-elevation-direction=left]){box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 3px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 5px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 7px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="2"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="2"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:1px;--x2:5px;--x3:11px;--x4:19px}[data-elevation-hover="2"]:where([data-elevation-direction=right]):hover,[data-elevation="2"]:where([data-elevation-direction=right]){box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 3px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 5px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 6px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="3"]:hover,[data-elevation="3"]{--y1:2px;--y2:7px;--y3:16px;--y4:29px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 4px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 7px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 10px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 12px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="3"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="3"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:2px;--x2:7px;--x3:16px;--x4:29px}[data-elevation-hover="3"]:where([data-elevation-direction=right]):hover,[data-elevation="3"]:where([data-elevation-direction=right]){--x2:10px;--x3:22px;--x4:39px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 5px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 10px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 13px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 15px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="4"]:hover,[data-elevation="4"]{--y1:4px;--y2:14px;--y3:33px;--y4:58px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 14px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 20px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 23px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="4"]:where([data-elevation-direction=top]):hover,[data-elevation="4"]:where([data-elevation-direction=top]){--y2:15px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 15px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 20px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 23px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="4"]:where([data-elevation-direction=left]):hover,[data-elevation="4"]:where([data-elevation-direction=left]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:4px;--x2:15px;--x3:33px;--x4:58px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 15px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 20px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 23px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="4"]:where([data-elevation-direction=right]):hover,[data-elevation="4"]:where([data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:4px;--x2:14px;--x3:33px;--x4:58px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 14px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 20px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 23px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}}@layer viraui.preflight{[data-grow=false]{--vira-flex-grow:0;flex-grow:0}[data-shrink=false]{--vira-flex-shrink:0;flex-shrink:0}}@layer viraui.preflight{:where(p){line-height:1.5;min-block-size:.01vh;font-size:var(--font-scale-body-medium)}small{font-size:.7em}b,strong{font-variation-settings:"wght" 700}:where(a:any-link):not([data-no-link-style]){text-decoration:none;color:var(--global-interactive-text);word-break:break-word;&:not([class]){background:linear-gradient(currentcolor,currentcolor) no-repeat 0 100%;background-size:0 1px;transition:background-size var(--duration-fast) var(--easing-entrance);&:focus,&:hover{background-size:100% 1px}}}del{padding:0 .4em;margin:0 .2em;background-color:oklab(from var(--highlight-red) l a b/15%);color:var(--highlight-red);box-shadow:0 0 0 1px oklab(from var(--highlight-red) l a b/50%);border-radius:var(--radius-small)}ins{background-color:oklab(from var(--highlight-green) l a b/15%);color:var(--highlight-green);box-shadow:0 0 0 1px oklab(from var(--highlight-green) l a b/50%)}ins,mark{padding:0 .4em;margin:0 .2em;text-decoration:none;border-radius:var(--radius-small)}mark{background-color:oklab(from var(--highlight-yellow) l a b/15%);color:var(--highlight-yellow);box-shadow:0 0 0 1px oklab(from var(--highlight-yellow) l a b/50%)}address{font-style:normal;line-height:inherit}dt{font-variation-settings:"wght" 600}dd{margin:0;padding:0}ul{font-size:medium;padding-left:1rem;& li::marker{font-size:inherit;text-align:right;font-variation-settings:"wght" 400;min-inline-size:var(--space-x-large);color:oklab(from currentColor l a b/80%)}}ol{font-size:medium;& li::marker{font-size:inherit;font-variation-settings:"wght" 400;min-inline-size:var(--space-x-large);font-variant-numeric:tabular-nums;white-space:nowrap;color:oklab(from currentColor l a b/80%)}}kbd{padding:.2em .4em;border-radius:var(--radius-small);font-variation-settings:"wght" 600;box-shadow:var(--global-contrast);background:var(--global-contrast)}abbr{text-decoration:underline dashed var(--global-primary)}label,legend{font-size:inherit}code{background-color:var(--global-contrast);border-radius:var(--radius-small);box-shadow:var(--global-contrast);padding:.2em .4em;font-size:1em;font-family:var(--font-family-mono);vertical-align:top}pre code{box-shadow:none}s{text-decoration:line-through;color:var(--global-disabled-foreground);text-decoration-color:oklab(from var(--global-foreground) l a b/50%)}:root{color-scheme:light dark}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}}@layer viraui.preflight{}[data-elevation]{transition-property:box-shadow;transition-duration:var(--elevation-transition-duration,.16s);transition-timing-function:var(--elevation-transition-easing,ease)}
+@layer viraui.preflight;@layer viraui.preflight{html{--scrollbar-thumb:light-dark(var(--base-4),var(--base-3));--scrollbar-track:transparent;font-size:100%;box-sizing:border-box;line-height:1.5;background-color:var(--global-background);color:var(--global-foreground)}*{corner-shape:var(--corner-shape,unset)}*,:after,:before{margin:0;box-sizing:inherit;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:2px solid var(--global-foreground);outline-offset:2px}body{color:var(--global-foreground);margin:0;font-size:var(--font-scale-body-medium);font-optical-sizing:auto;font-family:var(--font-family-body),sans-serif;font-variation-settings:"wght" 400}::selection{background-color:var(--global-primary);color:contrast-color(var(--global-primary));text-shadow:none}img{display:block;inline-size:100%;max-inline-size:100%}svg:not([fill]){fill:currentcolor}fieldset{border:0}ol ul,ul ol{font-size:medium}table{border-spacing:0;width:100%;border-collapse:collapse}table[data-layout-fixed]{table-layout:fixed}table thead{box-shadow:inset 0 -3px 0 var(--base-2)}table[data-table-separators] tr+tr{border-top:1px solid var(--base-2)}table th{white-space:nowrap;font-variation-settings:"wght" 800}table td,table th{border:none;text-align:left;font-size:medium;padding:calc(var(--space-x-small) + var(--space-2x-small)) var(--space-small)}[data-elevation]{--shadow-direction:1;--shadow-opacity-factor:0.16;--extra-shadow:0 0 0 1px transparent;--shadow-color:oklch(0% 0 0deg)}}@layer viraui.preflight{[data-elevation]:where([data-elevation-direction=bottom],[data-elevation-direction=right]){--shadow-direction:1}[data-elevation]:where([data-elevation-direction=top],[data-elevation-direction=left]){--shadow-direction:-1}[data-elevation-hover="0"]:hover,[data-elevation="0"]{--y1:0px;--x1:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 0 oklch(from var(--shadow-color) l c h/var(--shadow-opacity-factor)),0 0 0 color-mix(in oklch,var(--shadow-color),transparent calc(94% - var(--shadow-opacity-factor))),0 0 0 oklch(from var(--shadow-color) l c h/var(--shadow-opacity-factor)),var(--extra-shadow)}[data-elevation-hover="1"]:hover,[data-elevation="1"]{--y1:0px;--y2:2px;--y3:4px;--y4:7px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 1px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 2px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 2px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 3px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="1"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="1"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:0px;--x2:2px;--x3:4px;--x4:7px}[data-elevation-hover="2"]:hover,[data-elevation="2"]{--y1:1px;--y2:5px;--y3:11px;--y4:19px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 3px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 5px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 6px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="2"]:where([data-elevation-direction=top],[data-elevation-direction=left]):hover,[data-elevation="2"]:where([data-elevation-direction=top],[data-elevation-direction=left]){box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 3px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 5px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 7px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="2"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="2"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:1px;--x2:5px;--x3:11px;--x4:19px}[data-elevation-hover="2"]:where([data-elevation-direction=right]):hover,[data-elevation="2"]:where([data-elevation-direction=right]){box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 3px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 5px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 6px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="3"]:hover,[data-elevation="3"]{--y1:2px;--y2:7px;--y3:16px;--y4:29px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 4px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 7px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 10px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 12px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="3"]:where([data-elevation-direction=left],[data-elevation-direction=right]):hover,[data-elevation="3"]:where([data-elevation-direction=left],[data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:2px;--x2:7px;--x3:16px;--x4:29px}[data-elevation-hover="3"]:where([data-elevation-direction=right]):hover,[data-elevation="3"]:where([data-elevation-direction=right]){--x2:10px;--x3:22px;--x4:39px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 5px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 10px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 13px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 15px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="4"]:hover,[data-elevation="4"]{--y1:4px;--y2:14px;--y3:33px;--y4:58px;--x1:0px;--x2:0px;--x3:0px;--x4:0px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 14px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 20px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 23px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="4"]:where([data-elevation-direction=top]):hover,[data-elevation="4"]:where([data-elevation-direction=top]){--y2:15px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 15px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 20px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 23px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="4"]:where([data-elevation-direction=left]):hover,[data-elevation="4"]:where([data-elevation-direction=left]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:4px;--x2:15px;--x3:33px;--x4:58px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 15px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 20px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 23px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}[data-elevation-hover="4"]:where([data-elevation-direction=right]):hover,[data-elevation="4"]:where([data-elevation-direction=right]){--y1:0px;--y2:0px;--y3:0px;--y4:0px;--x1:4px;--x2:14px;--x3:33px;--x4:58px;box-shadow:calc(var(--x1) * var(--shadow-direction)) calc(var(--y1) * var(--shadow-direction)) 8px oklab(from var(--shadow-color) l a b/.1),calc(var(--x2) * var(--shadow-direction)) calc(var(--y2) * var(--shadow-direction)) 14px oklab(from var(--shadow-color) l a b/.09),calc(var(--x3) * var(--shadow-direction)) calc(var(--y3) * var(--shadow-direction)) 20px oklab(from var(--shadow-color) l a b/.05),calc(var(--x4) * var(--shadow-direction)) calc(var(--y4) * var(--shadow-direction)) 23px oklab(from var(--shadow-color) l a b/.01),var(--extra-shadow)}}@layer viraui.preflight{[data-grow=false]{--vira-flex-grow:0;flex-grow:0}[data-shrink=false]{--vira-flex-shrink:0;flex-shrink:0}}@layer viraui.preflight{:where(p){line-height:1.5;min-block-size:.01vh;font-size:var(--font-scale-body-medium)}small{font-size:.7em}b,strong{font-variation-settings:"wght" 700}:where(a:any-link):not([data-no-link-style]){text-decoration:none;color:var(--global-interactive-text);word-break:break-word;&:not([class]){background:linear-gradient(currentcolor,currentcolor) no-repeat 0 100%;background-size:0 1px;transition:background-size var(--duration-fast) var(--easing-entrance);&:focus,&:hover{background-size:100% 1px}}}del{padding:0 .4em;margin:0 .2em;background-color:oklab(from var(--highlight-red) l a b/15%);color:var(--highlight-red);box-shadow:0 0 0 1px oklab(from var(--highlight-red) l a b/50%);border-radius:var(--radius-small)}ins{background-color:oklab(from var(--highlight-green) l a b/15%);color:var(--highlight-green);box-shadow:0 0 0 1px oklab(from var(--highlight-green) l a b/50%)}ins,mark{padding:0 .4em;margin:0 .2em;text-decoration:none;border-radius:var(--radius-small)}mark{background-color:oklab(from var(--highlight-yellow) l a b/15%);color:var(--highlight-yellow);box-shadow:0 0 0 1px oklab(from var(--highlight-yellow) l a b/50%)}address{font-style:normal;line-height:inherit}dt{font-variation-settings:"wght" 600}dd{margin:0;padding:0}ul{font-size:medium;padding-left:1rem;& li::marker{font-size:inherit;text-align:right;font-variation-settings:"wght" 400;min-inline-size:var(--space-x-large);color:oklab(from currentColor l a b/80%)}}ol{font-size:medium;& li::marker{font-size:inherit;font-variation-settings:"wght" 400;min-inline-size:var(--space-x-large);font-variant-numeric:tabular-nums;white-space:nowrap;color:oklab(from currentColor l a b/80%)}}kbd{padding:.2em .4em;border-radius:var(--radius-small);font-variation-settings:"wght" 600;box-shadow:var(--global-contrast);background:var(--global-contrast)}abbr{text-decoration:underline dashed var(--global-primary)}label,legend{font-size:inherit}code{background-color:var(--global-contrast);border-radius:var(--radius-small);box-shadow:var(--global-contrast);padding:.2em .4em;font-size:1em;font-family:var(--font-family-mono);vertical-align:top}pre code{box-shadow:none}s{text-decoration:line-through;color:var(--global-disabled-foreground);text-decoration-color:oklab(from var(--global-foreground) l a b/50%)}:root{color-scheme:light dark}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}}@layer viraui.preflight{}[data-elevation]{transition-property:box-shadow;transition-duration:var(--elevation-transition-duration,.16s);transition-timing-function:var(--elevation-transition-easing,ease)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viraui/react",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "private": false,
   "files": [
     "dist"
@@ -37,11 +37,15 @@
   },
   "devDependencies": {
     "@base-ui/react": "1.5.0",
+    "postcss": "8.5.6",
     "postcss-cli": "11.0.1",
     "react": ">=19.2.7",
     "react-dom": ">=19.2.7",
     "svger-cli": "4.0.8",
-    "@viraui/foundation": "0.0.16",
+    "vite": "8.0.16",
+    "vite-plugin-dts": "4.5.4",
+    "vite-plugin-static-copy": "2.3.0",
+    "@viraui/foundation": "0.0.18",
     "@viraui/icons": "0.0.15",
     "@viraui/postcss-config": "0.0.15",
     "@viraui/tsconfig": "0.0.15"
@@ -53,13 +57,10 @@
   },
   "scripts": {
     "clean": "rimraf dist",
-    "build": "run-s clean build:icons build:types build:css build:catalog",
-    "build:css": "run-s build:css:components build:css:preflight build:css:guides",
-    "build:css:components": "copyfiles -u 1 \"src/components/**/*.css\" dist",
-    "build:css:preflight": "postcss src/preflight.css --output dist/preflight.css",
-    "build:css:guides": "copyfiles -u 1 \"src/components/**/*.guide.json\" dist && copyfiles -u 2 \"src/guides/*.json\" dist",
+    "build": "run-s clean build:icons build:lib build:preflight build:catalog",
+    "build:lib": "vite build",
+    "build:preflight": "postcss src/preflight.css --output dist/preflight.css",
     "build:catalog": "node --import tsx src/build-catalog.ts",
-    "build:icons": "node --import tsx src/build-icons.ts",
-    "build:types": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json"
+    "build:icons": "node --import tsx src/build-icons.ts"
   }
 }

package/dist/components/avatar/index.js

@@ -1 +0,0 @@
-export { Avatar } from './avatar.js';

package/dist/components/basic-input/index.js

@@ -1 +0,0 @@
-export { BasicInput } from './basic-input.js';

package/dist/components/button/index.js

@@ -1 +0,0 @@
-export { Button } from './button.js';

package/dist/components/clamp-text/index.js

@@ -1 +0,0 @@
-export { ClampText } from './clamp-text.js';

package/dist/components/elevator/index.js

@@ -1 +0,0 @@
-export { ELEVATION_DEFAULTS, Elevator, getElevationProps } from './elevator.js';

package/dist/components/icon/index.js

@@ -1 +0,0 @@
-export { Icon } from './icon.js';

package/dist/components/icon-button/index.js

@@ -1 +0,0 @@
-export { IconButton } from './icon-button.js';

package/dist/components/index.js

@@ -1,17 +0,0 @@
-export * from './avatar/index.js';
-export * from './clamp-text/index.js';
-export * from './elevator/index.js';
-export * from './button/index.js';
-export * from './icon-button/index.js';
-export * from './textfield/index.js';
-export * from './textarea/index.js';
-export * from './slider/index.js';
-export * from './switch/index.js';
-export * from './select/index.js';
-export * from './icon/index.js';
-export * from './skeleton/index.js';
-export * from './stack/index.js';
-export * from './surface/index.js';
-export * from './spinner/index.js';
-export * from './text/index.js';
-export * from './title/index.js';

package/dist/components/select/index.js

@@ -1 +0,0 @@
-export { Select } from './select.js';

package/dist/components/skeleton/index.js

@@ -1 +0,0 @@
-export { Skeleton } from './skeleton.js';

package/dist/components/slider/index.js

@@ -1 +0,0 @@
-export { Slider } from './slider.js';

package/dist/components/slider/slider-control.css

@@ -1,71 +0,0 @@
-@scope (.SliderControl) {
-  :scope {
-    position: relative;
-    flex: 1 1 auto;
-    min-inline-size: 0;
-    min-block-size: 0;
-    inline-size: 100%;
-    block-size: var(--slider-track-size);
-    touch-action: none;
-    user-select: none;
-
-    &[data-orientation='vertical'] {
-      inline-size: var(--slider-track-size);
-      block-size: 100%;
-
-      > .Track {
-        inline-size: var(--slider-track-size);
-        block-size: 100%;
-      }
-    }
-
-    > .Track {
-      position: relative;
-      overflow: visible;
-      inline-size: 100%;
-      block-size: var(--slider-track-size);
-      border-radius: var(--radius-infinite);
-      background: var(--slider-track-background);
-
-      > .Indicator {
-        border-radius: inherit;
-        background: var(--slider-progress-background);
-      }
-
-      > .Thumb {
-        box-sizing: border-box;
-        inline-size: var(--slider-thumb-size);
-        block-size: calc(var(--slider-thumb-size) / 1.5);
-        border-radius: var(--radius-x-small);
-        background: var(--slider-thumb-background);
-        border: 2px solid var(--slider-progress-background);
-        appearance: none;
-        transition: scale var(--easing-elastic) var(--duration-slow);
-
-        &:not(:disabled, [data-disabled]) {
-          cursor: grab;
-        }
-
-        /* Active drag: scale thumb and grabbing cursor when enabled and pressed or dragging */
-        &:not(:disabled, [data-disabled]):active,
-        &:not(:disabled, [data-disabled]):has(> input:active),
-        &:not(:disabled, [data-disabled])[data-dragging]:has(> input:focus) {
-          scale: 1.2;
-          cursor: grabbing;
-        }
-
-        /* Focus: draw outline on Thumb wrapper; native input outline removed below */
-        &:has(> input:focus-visible) {
-          outline: 2px solid var(--global-foreground);
-          outline-offset: 2px;
-          z-index: 1;
-        }
-
-        /* Suppress duplicate focus ring on the range input inside Thumb */
-        & > input:focus-visible {
-          outline: none;
-        }
-      }
-    }
-  }
-}

package/dist/components/spinner/index.js

@@ -1 +0,0 @@
-export { Spinner } from './spinner.js';

package/dist/components/stack/index.js

@@ -1 +0,0 @@
-export { Stack } from './stack.js';

package/dist/components/surface/index.js

@@ -1 +0,0 @@
-export { Surface } from './surface.js';

package/dist/components/switch/index.js

@@ -1 +0,0 @@
-export { Switch } from './switch.js';

package/dist/components/text/index.js

@@ -1 +0,0 @@
-export { Text } from './text.js';

package/dist/components/textarea/index.js

@@ -1 +0,0 @@
-export { Textarea } from './textarea.js';

package/dist/components/textfield/index.js

@@ -1 +0,0 @@
-export { Textfield } from './textfield.js';

package/dist/components/title/index.js

@@ -1 +0,0 @@
-export { Title } from './title.js';

package/dist/internal-icons/icons/duo/AddSection.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { SVGProps } from 'react';
-export interface AddSectionProps extends SVGProps<SVGSVGElement> {
-    size?: number | string;
-}
-declare const AddSection: React.ForwardRefExoticComponent<Omit<AddSectionProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default AddSection;

package/dist/internal-icons/icons/duo/AddSection.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-const AddSection = React.forwardRef(({ size, className, style, ...props }, ref) => {
-    const dimensions = size
-        ? { width: size, height: size }
-        : {
-            width: props.width || 18,
-            height: props.height || 18,
-        };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M5.25 2h-1.5A2.753 2.753 0 0 0 1 4.75v8.5A2.753 2.753 0 0 0 3.75 16h1.5a.75.75 0 0 0 .75-.75V2.75A.75.75 0 0 0 5.25 2" }), _jsx("path", { d: "M14.25 3.5c.69 0 1.25.56 1.25 1.25a.75.75 0 0 0 1.5 0A2.753 2.753 0 0 0 14.25 2a.75.75 0 0 0 0 1.5m2 9a.75.75 0 0 0-.75.75c0 .69-.56 1.25-1.25 1.25a.75.75 0 0 0 0 1.5A2.753 2.753 0 0 0 17 13.25a.75.75 0 0 0-.75-.75m-7.5-9h2.5a.75.75 0 0 0 0-1.5h-2.5a.75.75 0 0 0 0 1.5m2.5 11h-2.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5m5-7.5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5a.75.75 0 0 0-.75-.75", "data-color": "color-2", opacity: ".4" }), _jsx("path", { d: "M14 9a.75.75 0 0 0-.75-.75H11.5V6.5a.75.75 0 0 0-1.5 0v1.75H8.25a.75.75 0 0 0 0 1.5H10v1.75a.75.75 0 0 0 1.5 0V9.75h1.75A.75.75 0 0 0 14 9" })] }) }));
-});
-AddSection.displayName = 'AddSection';
-export default AddSection;

package/dist/internal-icons/icons/duo/AiDeveloper.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { SVGProps } from 'react';
-export interface AiDeveloperProps extends SVGProps<SVGSVGElement> {
-    size?: number | string;
-}
-declare const AiDeveloper: React.ForwardRefExoticComponent<Omit<AiDeveloperProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default AiDeveloper;

package/dist/internal-icons/icons/duo/AiDeveloper.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-const AiDeveloper = React.forwardRef(({ size, className, style, ...props }, ref) => {
-    const dimensions = size
-        ? { width: size, height: size }
-        : {
-            width: props.width || 18,
-            height: props.height || 18,
-        };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M13.5 4.5H13v-.75A2.753 2.753 0 0 0 10.25 1h-4.5A2.753 2.753 0 0 0 3 3.75v.75h-.5a.75.75 0 0 0 0 1.5H3v.25A2.753 2.753 0 0 0 5.75 9h4.5A2.753 2.753 0 0 0 13 6.25V6h.5a.75.75 0 0 0 0-1.5", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "7", cy: "6", r: "1", "data-color": "color-2" }), _jsx("circle", { cx: "10.5", cy: "6", r: "1", "data-color": "color-2" }), _jsx("path", { fillRule: "evenodd", d: "M1.327 13.586a8 8 0 0 1 6.68-3.587 8 8 0 0 1 6.665 3.587.75.75 0 0 1-.626 1.164H1.953a.75.75 0 0 1-.626-1.164", "data-color": "color-2", opacity: ".4" }), _jsx("path", { fillRule: "evenodd", d: "M11.075 11c-.486 0-.953.293-1.147.754L8.262 15.5H5.75a.75.75 0 0 0 0 1.5h9.175c.504 0 .946-.305 1.142-.746l1.555-3.492A1.253 1.253 0 0 0 16.481 11z", "data-color": "color-2" })] }) }));
-});
-AiDeveloper.displayName = 'AiDeveloper';
-export default AiDeveloper;

package/dist/internal-icons/icons/duo/AiLoading.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { SVGProps } from 'react';
-export interface AiLoadingProps extends SVGProps<SVGSVGElement> {
-    size?: number | string;
-}
-declare const AiLoading: React.ForwardRefExoticComponent<Omit<AiLoadingProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export default AiLoading;

package/dist/internal-icons/icons/duo/AiLoading.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-const AiLoading = React.forwardRef(({ size, className, style, ...props }, ref) => {
-    const dimensions = size
-        ? { width: size, height: size }
-        : {
-            width: props.width || 18,
-            height: props.height || 18,
-        };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("circle", { cx: "3.87", cy: "14.13", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "1.75", cy: "9", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "3.87", cy: "3.87", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "6.23", cy: "15.7", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "2.3", cy: "11.77", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "2.3", cy: "6.23", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "6.23", cy: "2.3", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "9", cy: "1.75", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "9", cy: "16.25", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "14.13", cy: "14.13", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "16.25", cy: "9", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "14.13", cy: "3.87", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "11.77", cy: "15.7", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "15.7", cy: "11.77", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "15.7", cy: "6.23", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("circle", { cx: "11.77", cy: "2.3", r: ".75", "data-color": "color-2", opacity: ".4" }), _jsx("path", { d: "m12.439 8.274-2.153-.56-.56-2.153a.75.75 0 0 0-1.452 0l-.56 2.153-2.152.56a.75.75 0 0 0 0 1.452l2.152.56.56 2.153a.75.75 0 0 0 1.452 0l.56-2.153 2.152-.56a.75.75 0 0 0 0-1.452" })] }) }));
-});
-AiLoading.displayName = 'AiLoading';
-export default AiLoading;